<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>学生管理</title>
	<link href="/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>
</head>
<body>
	<!-- 头部查询区域 -->
    <div style="margin: 10px 0 0 10px">
        <form class="layui-form">
      	姓名：
        <div class="layui-inline">
            <input id="searchName" type="text" name="name" class="layui-input"/>
        </div>
        状态：
        <div class="layui-inline">
            <select id="searchStatus" class="layui-select">
                <option value="">全部</option>
                <option value="0">有意向</option>
                <option value="1">已签合同</option>
                <option value="2">已进班</option>
                <option value="3">已就业离校</option>
            </select>
        </div>
      	<input type="button" id="searchBtn" class="layui-btn" value="查询"/>
        <input type="button" id="addBtn" class="layui-btn" value="新增"/>
        </form>
    </div>

    <!-- 显示数据列表区域 -->
    <table id="stuTable" lay-filter="stuTable1"></table>
	
	<!-- 表格操作工具条模版 -->
	<script id="operateTemplate" type="text/html">
        {{# if(d.status=='0'){ }}
            <input type="button" value="签合同" lay-event="contract" class="layui-btn layui-btn-xs"/>
        {{# }else if(d.status == '1'){ }}
            <input type="button" value="办理进班" lay-event="clazz" class="layui-btn layui-btn-xs"/>
        {{# }else if(d.status == '2'){ }}
            <input type="button" value="邀请" lay-event="invite" class="layui-btn layui-btn-xs"/>
        {{# } }}
		<input type="button" value="编辑" lay-event="edit" class="layui-btn layui-btn-xs"/>
		<input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger"/>
	</script>
	
	<!-- 新增/编辑用户弹窗中的html模版  -->
    <script id="userFormTemplate" type="text/html">
        <form class="layui-form" action="" style="padding: 20px" id="userForm" lay-filter="userForm">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">学校</label>
                <div class="layui-input-inline">
                    <input type="text" name="school" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-inline">
                    <input type="number" name="age" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="gender" value="1" title="男" checked>
                    <input type="radio" name="gender" value="2" title="女">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline">
                    <input id="saveBtn" type="button" value="保存" class="layui-btn">
                </div>
            </div>
        </form>
    </script>
    <!-- 签合同弹窗-->
    <script id="contractTemplate" type="text/html">
        <form class="layui-form" action="" style="padding: 20px" id="contractForm" lay-filter="contractForm">
            <input type="hidden" id="stuId" name="stuId">
            <div class="layui-form-item">
                <label class="layui-form-label">支付方式</label>
                <div class="layui-input-inline">
                    <select id="payType" name="payType">
              
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">签定时间</label>
                <div class="layui-input-inline">
                    <input type="date" name="signDate" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">合同内容</label>
                <div class="layui-input-inline">
                    <input type="text" name="content" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline">
                    <input id="saveContractBtn" type="button" value="保存" class="layui-btn">
                </div>
            </div>
        </form>
    </script>
    <!-- 选择班级进班模版 -->
    <script id="clazzTemplate" type="text/html">
        <form class="layui-form" action="" style="padding: 20px" id="contractForm" lay-filter="contractForm">
            <div class="layui-form-item">
                <label class="layui-form-label">选择班级</label>
                <div class="layui-input-inline">
                    <select id="clazzId">

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"></label>
                <div class="layui-input-inline">
                    <input id="saveClazzBtn" type="button" value="保存" class="layui-btn">
                </div>
            </div>
        </form>
    </script>

	<!-- 用户绑定角色模版 -->
	<script id="userRoleTemplate" type="text/html">
		<form class="layui-form" lay-filter="userRoleForm">
			<div class="layui-form-item">
				<div class="layui-input-block" id="userRoleDiv">
				</div>
			</div>
		</form>
	</script>
	
	<script type="text/javascript" src="/plugins/layui/layui.js"></script>
	<script type="text/javascript" src="/js/student.js"></script>
</body>
</html>